<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<script src="../../../common/js/flexible.debug.js"></script>
		<link rel="stylesheet" href="../../../common/css/common.css" />
		<link rel="stylesheet" href="../../../common/css/iconfont.css" />
		<link rel="stylesheet" href="//at.alicdn.com/t/font_1469156224_8098145.css" />
		<link rel="stylesheet" href="../../css/cart.css" />
		<link rel="stylesheet" href="../../css/buyIt.css" />
		<title>生活邦荟</title>
	</head>	
	<body class="cart buyIt">
		<!--头部-->
		<div class="header-container">
			<header class="myheader orange ">
				<i class="iconfont back" pos="left">&#xe619;</i>
				<h1 class="header-h1">结算中心</h1>
			</header>
		</div>
		<!--收货地址触发-->
		<div class="mycontainer address_info">
			<div class="block address_header">
				<i class="iconfont radius_icon address_icon">&#xe62d;</i>
				收货地址
				<span class="floatRight" style="color: #999;">选择地址<i class="iconfont">&#xe61a;</i></span>
			</div>
			<div class="block address_detail">
				<p>姓名：<span>花生</span></p>
				<p>电话：<span>13699777744</span></p>
				<p>地址：<span>剑网三电信五幽月轮</span></p>
				<p class="empty_address">
					<button class="btn">点击选择地址</button>
				</p>
			</div>
		</div>
		<!--商家商品列表-->
		<div class="mycontainer shop_list">
			<div class="shop">
				<p class="shop_title">
					<i class="iconfont radius_icon shop_icon">&#xe643;</i>
					<span class="shop_name">百城万店</span>
				</p>
				<div class="block">
					<div class="product">
						<div class="item_container">
							<p class="ribbon">已经卖光咯</p>
							<img class="item_img"  src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg"/>
							<div class="info">
								<p class="name text-2">1</p>
								<p class="type">1kg</p>
								<p class="clearfloat num_block">
									<span class="price">1111</span>
									<span class="num floatRight">
										X1
									</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="block ">
					<div class="total_info"">
						<p>商品合计：<span class="price" name="allCount">111</span>   <span>（共<span name="allNumber">11</span>件）</span>
						<p>运费：<span class="price" name="allFreight">1</span></p>
						<p class="postage floatRight">
									运费详情：<button class="btn">点击查看</button>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!--尾部提交按钮-->
		<div class="cart_bottom">
			<a class="item_buy" href="buyIt.html"> 
				提交订单
			</a>
			<span class="all_price">
				总计：<a class="price">111</a>
			</span>
			<div class="price_info">
				<p class="sum_price">商品合计：<a class="price">111.00</a></p>
				<p class="total_price">运费： <a class="price">22.22</a></p>
			</div>
		</div>
		<span class="ToTop" style="display: none;">
				<i class="iconfont">&#xe639;</i>
		</span>
		<!--遮罩-->
		<!--<div class="shadow"></div>-->
		<!--地址选择-->
		<div class="select_address">
			<div class="select_header">
				 <i class="iconfont radius_icon orange">&#xe62d;</i> 选择地址
				 <span class="floatRight">新增地址<i class="iconfont radius_icon green">&#xe640;</i></span>
			</div>
			
			<div class="block">
				<p>姓名：<span>花生</span></p>
				<p>电话：<span>13699777744</span></p>
				<p>地址：<span>剑网三电信五幽月轮</span></p>
				<i class="iconfont default">&#xe644;</i>
			</div>	
			<div class="block">
				<p>姓名：<span>花生</span></p>
				<p>电话：<span>13699777744</span></p>
				<p>地址：<span>剑网三电信五幽月轮</span></p>
			</div>
			<div class="block">
				<p>姓名：<span>花生</span></p>
				<p>电话：<span>13699777744</span></p>
				<p>地址：<span>剑网三电信五幽月轮</span></p>
			</div>
			<div class="block">
				<p>姓名：<span>花生</span></p>
				<p>电话：<span>13699777744</span></p>
				<p>地址：<span>剑网三电信五幽月轮</span></p>
			</div>
		</div>
		<!--新增地址-->
		<div class="add_address">
			<div class="add_header">
				 <i class="iconfont radius_icon green">&#xe640;</i> 新增地址
			</div>
			<div class="block">
				<input type="text" placeholder="姓名（必填）" />
			</div>
			<div class="block">
				<input type="text" placeholder="电话（必填）" />
			</div>
			<div class="block">
				<select>
					<option selected="selected">省份（必填）</option>
					<option>1</option>
					<option>1</option>
					<option>1</option>
				</select>
			</div>
			<div class="block">
				<select>
					<option selected="selected"> </option>
					<option>1</option>
					<option>1</option>
					<option>1</option>
				</select>
			</div>
			<div class="block">
				<select>
					<option selected="selected"> </option>
					<option>1</option>
					<option>1</option>
					<option>1</option>
				</select>
			</div>
			<div class="block">
				<input placeholder="门牌号（必填）" type="text"/>
			</div>
			<div class="block">
				<i class="select iconfont icon-icon "></i>设为默认地址
			</div>
			
			<div style="text-align: center;">
				<a class="address_btn" href="#">
					保存
				</a>
				<a class="address_btn address_return" href="#">
					返回
				</a>
			</div>
		</div>
		<!--查看邮费-->
		<div class="check-postage">
			<div class="check-postage-header">
				 <i class="iconfont radius_icon black">&#xe61c;</i> 查看邮费
			</div>
			<table>
				<thead>
					<tr>
						<th>地区</th>
						<th>邮费</th>
						<th>满额包邮</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
					<tr>
						<td>广东</td>
						<td>19元</td>
						<td>199元</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!--成功提示-->
		<div class="tips success">
			<div class="tips_header"></div>
			<div class="tips_content">
				<i class="iconfont">&#xe64b;</i>
				<p class="f16">XXXXX成功</p>
			</div>
			<div class="tips_bottom"></div>
		</div>
		<!--尾部-->
		<footer class="myfooter">
			<a href="../platform/plaformIndex.html"><i class="iconfont">&#xe60d;</i><p>首页</p></a>
			<a href="../retail/cart.html" class="footer_cart"><i class="iconfont">&#xe601;</i><p>购物车</p><span class="footer_cart_num">1</span></a>
			<a href="../personalCenter/personal.html"><i class="iconfont">&#xe60b;</i><p>个人中心</p></a>
		</footer>
	</body>
	<script src="../../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../../common/js/baidu_touch.js"></script>
	<script src="../../../common/js/common.js"></script>
	<script src="../../js/buyIt.js"></script>
</html>
